@use "./theme.scss";

// button
.el-button {
  padding: 0;
}
.el-button:hover {
  background-color: var(--bg-hover)!important;
}

// Menu
.el-menu {
  border-right: none;
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
.el-sub-menu__title:hover {
  background-color: var(--bg-hover);
  border-radius: 8px;
}
.el-menu-item:hover {
  background-color: var(--bg-hover);
  border-radius: 8px;
}
.el-menu-item.is-active {
  color: rgb(76, 110, 222);
  background-color: var(--bg-active);
  border-radius: 8px;
}


// tabs
.el-tabs--card>.el-tabs__header {
  border-bottom: 1px solid var(--border-primary);
}
.el-tabs__item {
  color: var(--text-primary);
}
.el-tabs__item.is-active, .el-tabs__item:hover {
  color: var(--text-primary);
  background-color: var(--bg-active);
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  border-left: none;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: none;
}
.el-tabs__header {
  margin:0;
}

